<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.0.min.js"></script>
  <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="container">
    variables.less 文件中定义的两个 <mark>Less</mark> <strong>变量决定了排版</strong>尺寸：<span class="lead">@font-size-base</span> 和 @line-height-base。第一个变量定义了全局 font-size 基准，第二个变量是 line-height 基准。我们使用这些变量和一些简单的公式计算出其它所有页面元素的 margin、 padding 和 line-height。自定义这些变量即可改变 Bootstrap 的默认样式。
    <br>
    <abbr title="手动阀手动阀手动阀">缩略语。。。。</abbr>

    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    </blockquote>

    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
      <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

    <blockquote class="blockquote-reverse">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
      <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

    <ul class="list-unstyled">
      <li>测试列表001</li>
      <li>测试列表002</li>
      <li>测试列表003</li>
      <li>测试列表004</li>
      <li>测试列表005</li>
      <li>测试列表006</li>
      <li>测试列表007</li>
      <li>测试列表008</li>
      <li>测试列表009</li>
      <li>测试列表010</li>
    </ul>

    <ul class="list-unstyled list-inline" style="border:1px solid red;">
      <li>测试链接01</li>
      <li>测试链接02</li>
      <li>测试链接03</li>
      <li>测试链接04</li>
      <li>测试链接05</li>
      <li>测试链接06</li>
      <li>测试链接07</li>
      <li>测试链接08</li>
    </ul>

    <pre>
      public class HelloWorld {
        public static void main(String[] args) {
          sout("hello world")
        }
      }
    </pre>
  </div>
</body>
</html>